<template>
    <el-container class="box">
      <el-header>
        <heard :menu="menu"></heard>
      </el-header>
      <el-main >
        <router-view />
      </el-main>
    </el-container>
</template>

<script setup>
import heard from './heard/index.vue';
import router  from '@/router';
import { ref } from 'vue';
let menu=ref([])
menu.value= router.options.routes.filter(route => {
  return route.path === '/user'; // 使用 === 进行严格比较，并返回比较结果
})[0].children;
</script>

<style lang="scss" scoped>
.box{
    height: 70px;
    margin: auto;
}
.el-main {
  width: 1200px;
  margin: auto;
  overflow: visible !important; /* 使用 !important 可以提高该规则的优先级 */
  padding: 20px 0 !important;
  ul {
    margin: 0;
    padding: 0;
    list-style: none; /* 去除列表项前的标记（如圆点） */
}
}
</style>